<template>
    <li class="home-fast-list__li">
        <div class="home-fast-list__body" @click="handleClick">
            <div class="home-fast-list__cover">
                <!-- <icon-svg :name="item.icon"></icon-svg> -->
                <img :src="item.img" alt="" />
            </div>
            <div class="home-fast-list__info">
                <div class="home-fast-list__text">{{ item.name || "-" }}</div>
            </div>
        </div>
    </li>
</template>

<script lang="ts">
import { Component, Vue, Prop, Emit } from "vue-property-decorator";

@Component
export default class FastItem extends Vue {
    @Prop({
        type: Object,
        default: () => {
            return {};
        }
    })
    readonly item!: any;

    @Emit("item-click")
    handleClick() {
        return this.item;
    }

    @Emit("item-remove")
    handleRemove() {
        return this.item;
    }
}
</script>
